<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>弹出框</title>
    <style type="text/css">
        .modal2 {
            width:35%;
            height:200px;
            display:none;
            border:5px solid #656565;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px; /* future proofing */
            -khtml-border-radius: 10px; /* for old Konqueror browsers */
        }
        .block {
            margin:15px;
            padding:10px;
            background:#f8f8f8;
            border:1px solid #ebebeb;
            overflow:hidden;
        }
    </style>

    <script type="text/javascript" src="/static/xmenu/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/static/modal/moaModal.minified.js"></script>
    <script type="text/javascript" src="/static/modal/Sweefty.js"></script>
</head>
<body>

<div id="body">
    <div>
        <a class="demo1" href="javascript:void(0);">Simple </a>
    </div>


    <div id="demoModal1" class="block modal2">
        <div>
            <span>nihaonn </span>
        </div>
        <div>
            <a class="close" href="javascript:void(0)" style="float: right;"> close</a>
        </div>
    </div>

</div>






<script type="text/javascript">

    $(function(){
        var SW = Sweefty();
        var scroll_options = {
            speed : 250,
            on : 'click',
            easing : 'linear'
        }

        SW.trigger('scrollTo',function(ele,obj){
            obj = $.extend({},scroll_options, obj);
            var target = $(obj.scrollTo);
            ele.on(obj.on,function(){
                $('body,html').animate({
                    'scrollTop' : target.offset().top
                }, parseInt(obj.speed),obj.easing);
            });
        });


        $('.demo1').modal({
            target : '#demoModal1',
            speed : 250,
            easing : 'easeInOutBounce',
            animation : 'none',
            position: '200px auto',
            overlayClose : true,
            on : 'click',
            close : '.close'

        });
    });

</script>

</body>


</html>
